<template>
  <div>
    <span>{{ count }}</span>
    <button @click="count++">Increment count</button>
  </div>
</template>

<script>
import { reactive, ref } from "vue";
export default {
  setup() {
    const count = ref(0);
    const state = reactive({ count });
    console.log(state.count); // 0

    state.count = 1;
    console.log(count.value); // 1

    return {
      count,
    };
  },
};
</script>

<style>
</style>